import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import login from "./login.vue"
import register from "./register.vue"
import homePage2 from "./HomePage2.vue"
import ForgetPwd from "./ForgetPwd.vue"


import HomePage from "./finance/HomePage.vue";
import Investment from "./finance/Investment.vue";
import Report from "./finance/Report.vue";
import Information from "./finance/Information.vue";
import Ensure from "./finance/Ensure.vue";
import My from "./finance/My.vue";
import InvestmentDetails from "./finance/InvestmentDetails.vue";
import CustomerService from "./CustomerService.vue";

import ProjectIntroduction1 from "./Investment/ProjectIntroduction1.vue"
import BorrowerInformation2 from "./Investment/BorrowerInformation2.vue"
import InvestmentRecords3 from "./Investment/InvestmentRecords3.vue"
import PostLoanSituation4 from "./Investment/PostLoanSituation4.vue"
import DetermineInvestment from "./Investment/DetermineInvestment.vue"
import Transaction from "./Investment/Transaction.vue"
import Success from "./Investment/Success.vue"


import AccountOverview1 from "./My/AccountOverview1.vue"
import InvestmentManagement2 from "./My/InvestmentManagement2.vue"
import FundDetails3 from "./My/FundDetails3.vue"
import Recharge4 from "./My/Recharge4.vue"
import Withdrawal5 from "./My/Withdrawal5.vue"
import PersonalData6 from "./My/PersonalData6.vue"
import SecuritySetting7 from "./My/SecuritySetting7.vue"
import BankCard8 from "./My/BankCard8.vue"
import MyMessage9 from "./My/MyMessage9.vue"



import ID1 from "./SecuritySettingMy/ID1.vue"
import Password2 from "./SecuritySettingMy/Password2.vue"
import Mailbox3 from "./SecuritySettingMy/Mailbox3.vue"
import Phone4 from "./SecuritySettingMy/Phone4.vue"
import TransactionPassword5 from "./SecuritySettingMy/TransactionPassword5.vue"


Vue.use(ElementUI);

Vue.use(VueRouter)
//定义路由规则
const routes = [
  {
    path: "/",
    redirect: "/HomePage"
  },
  {
    path: "/login",
    component: login,

  },
  {
    path: "/register",
    component: register,

  },
  {
    path: "/ForgetPwd",
    component: ForgetPwd,

  },
  {
    path: "/homePage2",
    component: homePage2,
    children: [
      {
        path: "/HomePage",
        component: HomePage,

      },
      {
        path: "/Investment",
        component: Investment,

      },
      {
        path: "/Report",
        component: Report,

      },
      {
        path: "/Information",
        component: Information,

      },
      {
        path: "/Ensure",
        component: Ensure,

      }, {
        path: "/My",
        component: My,
        children: [
          {
            path: "/",
            redirect: "/AccountOverview1"
          },
          {
            path: "/AccountOverview1",
            component: AccountOverview1,
    
          },{
            path: "/InvestmentManagement2",
            component: InvestmentManagement2,
    
          },{
            path: "/FundDetails3",
            component: FundDetails3,
    
          },{
            path: "/Recharge4",
            component: Recharge4,
    
          },{
            path: "/Withdrawal5",
            component: Withdrawal5,
    
          },{
            path: "/PersonalData6",
            component: PersonalData6,
    
          },{
            path: "/SecuritySetting7",
            component: SecuritySetting7,
    
          },{
            path: "/BankCard8",
            component: BankCard8,
    
          },{
            path: "/MyMessage9",
            component: MyMessage9,
          },
          {
            path: "/ID1",
            component: ID1,
          },
          {
            path: "/Password2",
            component: Password2,
          },
          {
            path: "/Mailbox3",
            component: Mailbox3,
          },
          {
            path: "/Phone4",
            component: Phone4,
          },
          {
            path: "/TransactionPassword5",
            component: TransactionPassword5,
          },
        ]
      },{
        path: "/CustomerService",
        component: CustomerService,
    
      },{
        path: "/InvestmentDetails",
        component: InvestmentDetails,
        children: [
          {
            path: "/",
            redirect: "/ProjectIntroduction1"
          },
          {
            path: "/ProjectIntroduction1",
            component: ProjectIntroduction1,
    
          },{
            path: "/BorrowerInformation2",
            component: BorrowerInformation2,
    
          },{
            path: "/InvestmentRecords3",
            component: InvestmentRecords3,
    
          },{
            path: "/PostLoanSituation4",
            component: PostLoanSituation4,
    
          }
        ]
      },
      {
        path: "/DetermineInvestment",
        component: DetermineInvestment,
      },{
        path: "/Transaction",
        component: Transaction,
      },{
        path: "/Success",
        component: Success, 
      }
    ]

  },
]
const router = new VueRouter({
  routes
})
Vue.config.productionTip = false
new Vue({
  router,       //注意单词
  render: h => h(App),
}).$mount('#app')






